import PubSub  from "pubsub-js";
import moment from "moment";
import request from "../../utils/request";
const appInstance = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    backgroundImage: '', // 背景图片
    isPlay: false, // 控制播放状态标识
    song: [], // 歌曲详情
    musicId:'',//音乐ID
    musicLink:'',//音乐的链接
    currentTime: '0:00',//实施时间
    durationTime: '',//总时长
    processWidth: 0, // 进度条长度
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let musicId = options.musicId;
    this.setData({
      musicId
    })
    this.getMusicInfo(musicId)
    //判断页面是否在播放
    if(appInstance.globalData.isMusicPlay && appInstance.globalData.musicId ===musicId){
      //修改当前页面音乐播放状态为true
      this.setData({
        isPlay:true
      })
    }
     //创建控制音乐播放的实例
    this.backgroundAudioManager = wx.getBackgroundAudioManager();
    //播放
    this.backgroundAudioManager.onPlay(()=>{
    this.changePlayState(true);
     //修改全局音乐播放的状态
    appInstance.globalData.musicId =  musicId;
    });
    //暂停
    this.backgroundAudioManager.onPause(()=>{
    this.changePlayState(false);
    });
    //模拟器
    this.backgroundAudioManager.onStop(()=>{
    this.changePlayState(false);
    });
    //监听音乐播放自然结束
    this.backgroundAudioManager.onEnded(()=>{
      console.log(1);
    })

    //监听音乐实时播放的进度
    this.backgroundAudioManager.onTimeUpdate(()=>{
        //格式化实时的播放时间
        let currentTime = moment(this.backgroundAudioManager.currentTime * 1000).format('mm:ss')
        let processWidth = this.backgroundAudioManager.currentTime/this.backgroundAudioManager.duration * 450;
        this.setData({
          currentTime,
          processWidth
        })
    })
  },
  //修改播放状态的功能函数
  changePlayState(isPlay){
    this.setData({
      isPlay
    })
    //修改全局音乐播放的状态
    appInstance.globalData.isMusicPlay = isPlay;
  },
  //获取音乐详情的功能函数
 async getMusicInfo(musicId) {
    let songData = await request('/song/detail',{ids:musicId});
    let durationTime = moment(songData.songs[0].dt).format('mm:ss')
    this.setData({
      song: songData.songs[0],
      durationTime 
    })
    wx.setNavigationBarTitle({
      title: this.data.song.name,
    })
  },
  //动态修改窗口标题
  handlePlay() { // 点击按钮切换播放状态
    let isPlay = !this.data.isPlay; // 播放暂停切换
    this.setData({
        isPlay
    })
  let {musicId,musicLink} = this.data;
  this.musicControl(isPlay,musicId,musicLink)
},
//控制播放暂停函数
async musicControl(isPlay,musicId,musicLink) {
  if(isPlay){
    if(!musicLink){
      let musicData = await request('/song/url',{id:musicId});
      musicLink = musicData.data[0].url;
      this.setData({
        musicLink
      })
    }
    this.backgroundAudioManager.src = musicLink;
    this.backgroundAudioManager.title = this.data.song.name;
  }else {//暂停播放
    this.backgroundAudioManager.pause();
  }
},
//点击切歌的回调
triggleSongs(event) {
  //切歌的类型
let type = event.currentTarget.id;
//关闭当前播放的音乐
this.backgroundAudioManager.stop();
//订阅来自recommend页面发布的musicId消息
PubSub.subscribe('musicId',(mas,musicId) =>{
  console.log(musicId);
  //获取音乐信息
  this.getMusicInfo(musicId)
  //自动播放当前音乐
  this.musicControl(true,musicId)
  //取消订阅
PubSub.unsubscribe('musicId')
})

//发布消息
PubSub.publish('switchType',type)
},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})